// 鼠标经过上移阴影动画
.hoverShadow () {
  transition: all 0.5s;
  // 当前节点
  &:hover {
    // 开启硬件加速 => 渲染性能效果更好  
    transform: translate3d(0, -3px, 0);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  }
}



// p {
//   color: red;
//   &:hover{
//     color: green;
//   }
//   &.active {
//     font-size: 30px;
//   }
// }
// p:hover {
//   color: green;
// }
// p.active {

// }